<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{margin:0; padding:0;}
#ul1 li {width:100px; height:20px; line-height:20px; text-align:center; position:relative; float:left; list-style:none; background:#9F3; border:1px solid #660;}
#ul1 li div {background:#CCC; overflow:hidden; position:absolute; top:20px; width:100%; height:0; filter:alpha(opacity:0); opacity:0;}
</style>
</head>

<body>
<ul id="ul1">
	<li>
    	首页
        <div>
        	fsdfsdfsdfsdf<br />
			fdsfsdfsdf<br />
			fsfdsfds<br />
			无可奈何花落去sdf<br />
        </div>
    </li>
	<li>
    	产品
        <div>
        	霜地遥<br />
			fds无可奈何花落去要村fsdfsdf<br />
			fsfds电热毯下手fds<br />
			电白和sdf<br />
        </div>
    </li>
	<li>
    	关于我们
        <div>
        	fsdfsdfsdfsdf<br />
			fdsfsdfsdf<br />
			fsfdsfds<br />
			无可奈何花落去sdf<br />
        </div>
    </li>
</ul>
</body>
</html>
